<template lang="html">
  <div class="box">
    <topLogin :isIndex="false"></topLogin>
    <topNav :isActive="1"></topNav>
    <div class="box  wid-1200 min-height">
      <div class="page-type">
        当前位置 > <router-link to="/advisory">景区资讯</router-link>   > 详情
      </div>
      <!-- 文章 -->
      <div class="article-box">
        <div class="article-title">{{article.title}}</div>
        <div class="article-date">
          <span>日期：{{article.date}}</span>
          作者：{{article.author}}
        </div>
        <div class="segmentation-img">
          <img src="" >
        </div>
        <div>
          {{article.content}}
        </div>
      </div>
      <div class="other-box">
        <router-link to=''>
            <Icon type="md-arrow-round-up" />上一篇：{{previous}}
        </router-link>
        <router-link to=''>
            <Icon type="md-arrow-round-down" />下一篇：{{next}}
        </router-link>
      </div>
    </div>
    <footNav></footNav>
  </div>
</template>

<script>
import topNav from "@/components/topNav/index";
import footNav from "@/components/footNav/index";
import topLogin from "@/components/topLogin/index";
//iview
import { Icon } from "view-design";
export default {
  components: {
    topNav,
    footNav,
    topLogin,
    [Icon.name]:Icon
  },
  data(){
    return{
      article:{
        title:'京城最大“绿肺”温榆河公园复工',
        date:'2020-03-24',
        author:'李恒大',
        content:`    位于温榆河、清河交汇处，本市最大的“绿肺”——温榆河公园示范区已于近日实现全面复工。这是3月25日从温榆河管委会获悉的。`
      },
      previous:'多方協同多措並舉 溫榆河公園3月17日實現全面復工',//上一篇
      next:'宋庄蓄滞洪区二期年底竣工 副中心森林湿地“活”起来'
    }
  }
}
</script>

<style lang="scss" scoped>
@import "@/assets/css/basis";
@import "@/assets/css/pageType";
.article-box {
  width: 100%;
  padding: 0 30px 50px;
  background-color: #fff;
  .article-title{
    padding: 30px 0 ;
    font-size: 30px;
    color: #333;
    font-weight: normal;
    text-align: center;
  }
  .article-date {
    font-size: 14px;
    color: #999;
    span {
      margin-right: 40px
    }
  }
  .segmentation-img {
    padding: 24px 0;
    img{
      width: 100%
    }
  }
}
.other-box {
  padding:50px 0 54px;
  a{
    display: block;
    margin: 12px 0;
    font-size: 14px;
    color: #333;
    i{
      color: #0086E4
    }

  }
}
</style>
